<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <title>邻阿姨(LAY.COM)-去哪买,超市比价,附近价差排行,邻居互助</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/my_addshouhuo.css"/>
    <link rel="stylesheet" type="text/css" href="../css/component/choiceAddress.css"/>
</head>
<body>
    <div class="app-shell" id="Receive" v-cloak>
        <div class="Receive-main">
            <div class="Receive-header"><i class="Receive-goback" @click="goback()">返回</i>填写您的地址</div>

            <div class="Receive-container">
                <div class="Receive-listBox">
                    <div class="Receive-list">
                        <div :class="[addressOne ? 'Receive-addressBoxLeft' : 'Receive-listLeft']">收货地址：</div>
                        <div v-if="addressOne" class="Receive-addressBoxRight" @click="showAddress">
                            <div class="Receive-houseEstate">{{houseEstate}}</div>
                            <div class="Receive-fullAddress">{{fullAddress}}</div>
                        </div>
                        <div class="Receive-listRight" v-else>
                            <div class="Receive-listAddress" @click="showAddress">{{houseEstate}}</div>
                        </div>
                    </div>
                    <div class="Receive-list">
                        <div class="Receive-listLeft">门牌号：</div>
                        <div class="Receive-listRight"><input type="text" v-model="addressTwo" placeholder="例：16号楼15层302室" class="Receive-input"></div>
                    </div>
                    <div class="Receive-list">
                        <div class="Receive-listLeft">联系人：</div>
                        <div class="Receive-listRight"><input type="text" v-model="receiverName" placeholder="请填写收货人的姓名" class="Receive-input"></div>
                    </div>
                    <div class="Receive-list">
                        <div class="Receive-listLeft"></div>
                        <div class="Receive-listRight">
                            <input type="radio" id="MALE" value="MALE" v-model="sex" class="Receive-radio"><label for="MALE">先生</label>
                            <input type="radio" id="FEMALE" value="FEMALE" v-model="sex" class="Receive-radio"><label for="FEMALE" class="Receive-female">女士</label>
                        </div>
                    </div>
                    <div class="Receive-list">
                        <div class="Receive-listLeft">手机号：</div>
                        <div class="Receive-listRight"><input type="number" v-model="mobile" placeholder="请填写收货人手机号码" class="Receive-input"></div>
                    </div>
                </div>
                <cube-button :primary="true" :disabled="btnDisabled" class="Receive-submit" @click="submit">保存地址</cube-button>
            </div>

            <choice-address :isaddress="showAdd" @change="changeShow" @choice="setHouseEstate"></choice-address>
        </div>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="../js/component/choiceAddress.js"></script>
    <script src="js/my_addshouhuo.js"></script>
</body>
</html>
